<!DOCTYPE html>
<html>

<head>
  <title>GarfieldReview</title>
  <%= stylesheet_link_tag 'application', media: 'all' %>
  <%= csrf_meta_tags %>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" href="../images/fav_icon.png" type="image/x-icon">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.9.1/css/OverlayScrollbars.min.css'>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  <!-- Bulma Version 0.8.2-->

  <style>
    .columns:nth-child(2) {
      margin-top: 10rem;
    }
  </style>
  <link rel="stylesheet" href="../../../app/assets/stylesheets/customClasses.css">
</head>

<body>

  <nav class="navbar" role="navigation" aria-label="main navigation">
    <div id="navbarBasicExample" class="navbar-menu has-background-primary">
      <div class="navbar-start">
        <a class="navbar-item has-text-dark center" href="/"><b>
            Garfield Review Initiative </b></a>

        <div class="navbar-item">
          <a class="has-text-dark" href=" /products/new"><b>Add Product</b></a>
        </div>
      </div>
      <div class="navbar-end ">
        <div class="navbar-item ">
          <div class="buttons">
            <%- if current_user -%>
            <a class="button is-primary has-text-weight-bold">
              <%= link_to 'Sign Out', destroy_user_session_path, method: :delete, :class => "button is-purple has-text-weight-bold has-text-light" %>
            </a>
            <%- else -%>
            <%=link_to 'Sign Up', new_user_registration_path, class: "button is-secondary has-text-weight-bold"  %> <%= link_to 'Sign In', new_user_session_path, class: "button is-purple has-text-weight-bold"   %> <%- end -%> </p>
          </div>
        </div>
      </div>
    </div>
  </nav>
  <div id="garfimage" class="m-r-xl m-t-lg">
    <%- flash.each do |key, value| -%>
    <div class="flash flash-<%= key %>">
      <%= value %>
    </div>
    <%- end -%>
    <%= yield %>

    <%= javascript_include_tag 'application' %>

    <%- if Rails.env.development? || Rails.env.test? -%>
    <%= javascript_tag do %>
    window.railsEnv = '<%= Rails.env %>'
    <%- end -%>
    <%- end -%>
    <%= javascript_pack_tag 'application' %>

    <%= yield :extra_footer %>
  </div>
</body>

</html>